$(function () {
    // 点击去注册的链接
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    // 点击去登陆的链接
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })


    // 进行表单验证
    var form = layui.form;  // 引用layui框架里面的form模块
    form.verify({
        pwd: [/^[\S]{6,12}$/, '密码为6-12位,且不能出现空格'],
        repwd: function (value) {
            var pwd = $('.reg-box [name=password]').val();
            if (pwd !== value) {
                return '两次密码不一致'
            }
        }
    })

    // 注册
    var layer = layui.layer;
    $('#form_reg').on('submit', function (e) {
        // 阻止默认跳转行为
        e.preventDefault();
        $.post('/api/reguser',
            {
                username: $('.reg-box [name=username]').val(),
                password: $('.reg-box [name=password]').val()
            },
            function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                layer.msg('注册成功,请登录!')  // 注册成功之后模拟人的点击行为
                $('#link_login').click()
            })
    })
    // 登录模块
    $('#form_login').on('submit', function (e) {
        // 阻止默认提交行为
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: '/api/login',
            data: {
                username: $('.login-box [name=username]').val(),
                password: $('.login-box [name=password]').val()
            },
            success: function (msg) {
                console.log(msg);
                if (msg.status !== 0) {
                    return layer.msg(msg.message)
                }
                layer.msg('登录成功!')
                // 登录成功把信息保存在本地
                localStorage.setItem('token', msg.token);
                // 跳转到首页
                location.href = '/index.html'
            }
        })

    })



    // $('#link_reg').on('click', function () {
    //     $('.login-box').hide()
    //     $('.reg-box').show()
    // })
    // // 点击去登录的链接
    // $('#link_login').on('click', function () {
    //     $('.login-box').show()
    //     $('.reg-box').hide()
    // })

    // var form = layui.form; // 意思是引用layui框架中的form模块
    // form.verify({
    //     pwd: [/^[\S]{6,12}$/, '密码是6-12位,且不能出现空格'],
    //     repwd: function (value) {
    //         if (pwd !== value) {
    //             return '两次密码不一致'
    //         }
    //     }
    // })

    // // 弹出层模块
    // var layer = layui.layer;
    // $('#form_reg').on('submit', function (e) {
    //     // 阻止默认的提交行为
    //     e.preventDefault();
    //     $.post('/api/reguser',
    //         {
    //             username: $('#form_reg [name=username]').val(), password: $('#form_reg [name=password]').val()
    //         },
    //         function (res) {
    //             if (res.status !== 0) {
    //                 // console.log(layer);

    //                 return layer.msg(res.message)
    //             }
    //             layer.msg('注册成功,请登录!')
    //             // 模拟人的点击行为
    //             $('#link_login').click()
    //         })
    // })

    // 登录模块
    // $('#form_login').on('submit', function (e) {
    //     // 阻止默认的提交行为
    //     e.preventDefault();
    //     // alert(11)
    //     $.ajax({
    //         type: 'post',
    //         url: '/api/login',
    //         data: {
    //             username: $('#form_login [name=username]').val(),
    //             password: $('#form_login [name=password]').val()
    //         },
    //         success: function (msg) {
    //             console.log(msg);
    //             if (msg.status !== 0) {  // 说明没有请求成功
    //                 return layer.msg(msg.message)
    //             }
    //             layer.msg('登录成功')
    //             // 把后端返回的token存储起来
    //             localStorage.setItem('token', msg.token);
    //             // 跳转到后台页面
    //             location.href = "/index.html"
    //         }
    //     })
    // })

})